<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>幻灯</title>
    <link rel="stylesheet" href="impress-demo.css">
    
</head>
<body>
    
    <div id="impress">
        <div class="step" data-x="0" data-y="0">
            Darren code - [标题]
        </div>
        <div class="step" data-x="500" data-y="0">
            This is slide 2
        </div>
        <div class="step" data-x="500" data-y="-400">
            This is slide 3
        </div>
        <div class="step" data-x="500" data-y="-800" data-scale="0.5">
            This is slide 4
        </div>
        <div class="step" data-x="0" data-y="-800" data-rotate="90">
            This is slide 5
        </div>
        <div class="step" data-x="-1200" data-y="0" data-rotate-x="30" data-rotate-y="-30" data-rotate-z="90" data-scale="4">
            This is slide 6
        </div>
        <!-- darren code -->
        <div id="overview" class="step" data-x="-200" data-y="-500" data-scale="3"></div>
    </div>
    
    <script src="impress.js"></script>
    <script>
        impress().init()
    </script>
</body>
</html>